Recognition and Perception of Images by Abbasov Iftikhar B.;

Author:Abbasov, Iftikhar B.; [Abbasov, Iftikhar B.]
Language: eng
Format: epub
Publisher: John Wiley & Sons, Incorporated
Published: 2020-02-10T00:00:00+00:00

Figure 6.3 Display of images in the form of tiles (ImageStrip).

ColoredRect is a block where the work with image areas is carried out. It accepts the array of image areas and displays them in the form of semitransparent grey rectangles enumerating the tags assigned to this area. There is a red circle in the upper-right corner which clicking on results in the area deletion. The block will be overlapped by “veiling” on which it is possible to perform manipulations with the area tags when clicking on any of areas. Here you can delete, add the tags existing in the base and create new ones.

The new area is created by means of drag-n-drop. The block is based on React-konva component which is represented by HTML5 canvas adapted for the work with react and its data-flow.

Representations. The user interface is divided into three representations, each of which is responsible for its part of application features.

The first representation is a form of image loading on the server. It allows the loading. The user clicks on “Select file” button and chooses the image located in its local store. The file is captured in component state. After clicking on “Upload image” button uploadImage action is displayed, and the image is sent to the server for storage.

The second screen is a main window to work with the uploaded images. The extreme left column is represented by TList block. It is possible to delete tags and filter the images by a certain tag in this column. Moreover, there is a button for displaying all images independently from their tags.

The middle column is ImageStrip component. The image selection and rendering of the extreme right component of ImageDetails with the data on the selected image are carried out when clicking on the image (Figure 6.4).

The third display is represented by the query page and consists of three blocks: TList, ImageStrip and QueryBlock. It is possible here to carry out such operations with queries as creation, storing and search of images by the specific query.

Hardware-software part of service (Back-end) is written in C# language. MsSQL is used as the database system.

The framework for C# language called ASP.NET is used for Web API implementation. API is implemented in REST style. ASP.NET Web API is the most updated method to create REST service on Microsoft technologies stack to this date. ASP.NET is responsible for creation of web server processing HTTP queries. Moreover, it includes a great number of services to ensure the routing inside the server-side application, installation of controllers and connection to the data base.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.